import axios from 'axios'
import { getToken } from './auth'
import { Message } from 'element-ui'
// 1.通用配置

// 2.定制化配置
// axios实例化 axios.create()  基地址配置baseUrl和超时实际timeout(100ms)

// 2.请求拦截器 请求头中添加token数据 接口鉴权 统一配置
// 客户端发送请求 -- 请求拦截器（针对请求参数做处理） -后端

// 3.响应拦截器 数据剥离res.data / 401错误处理 / 前端自定义错误处理
// 后端 -> 响应拦截器 ->客户端

const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  // 先获取token，并添加到请求头上面
  config => {
    const token = getToken()
    if (token) {
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    if (error.response) {
      Message.warning(error.response.data.msg)
    }
    return Promise.reject(error)
  }
)

export default service
